<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="/static/web/editormd/css/editormd.min.css" />
    <script src="/static/web/editormd/lib/jquery.min.js"></script>
    <script src="/static/web/editormd/lib/marked.min.js"></script>
    <script src="/static/web/editormd/lib/prettify.min.js"></script>
    <script src="/static/web/editormd/lib/raphael.min.js"></script>
    <script src="/static/web/editormd/lib/underscore.min.js"></script>
    <script src="/static/web/editormd/lib/sequence-diagram.min.js"></script>
    <script src="/static/web/editormd/lib/flowchart.min.js"></script>
    <script src="/static/web/editormd/lib/jquery.flowchart.min.js"></script>
    <script src="/static/web/editormd/editormd.min.js"></script>
    <title>markdown</title>
  </head>
  <body>
    <!-- <div id="my-editormd" >
        <textarea id="my-editormd-markdown-doc" name="my-editormd-markdown-doc" style="display:none;"></textarea> -->
    <!-- 注意：name属性的值-->
    <!-- <textarea id="promptcode" name="promptcode" style="display:none;"></textarea>
    </div> -->
    <div id="doc-content">
      <textarea style="display:none;">${ message.details }</textarea>
    </div>
    <button id="btn">提交</button>
    <script>
      var testEditor
      var r
      $(function() {
        testEditor = editormd.markdownToHTML('doc-content', {
          //注意：这里是上面DIV的id
          htmlDecode: 'style,script,iframe',
          emoji: true,
          taskList: true,
          tex: true, // 默认不解析
          flowChart: true, // 默认不解析
          sequenceDiagram: true, // 默认不解析
          codeFold: true
        })
        // editormd("my-editormd", {//注意1：这里的就是上面的DIV的id属性值
        //     width   : "90%",
        //     height  : 640,
        //     syncScrolling : "single",
        //     path    : "/static/web/editormd/lib/",//注意2：你的路径
        //     saveHTMLToTextarea : true,//注意3：这个配置，方便post提交表单

        //     /**上传图片相关配置如下*/
        //     imageUpload : true,
        //     imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
        //     imageUploadURL : "/static/",//注意你后端的上传图片服务地址
        // });
        $('#btn').on('click', function() {
          console.log(testEditor.context)
          // console.log($('#promptcode').html())
          // var para = {
          //     content: $('#promptcode').html() // 這个参数 是服务端 取得那个参数
          // }
          $.ajax({
            type: 'GET',
            dataType: 'json',
            contentType: 'application/json',
            url: '/api/getArticle/'
          })
            .done(function(r) {
              console.log(r)
              rs = r.result[0].content
              $('.editormd-html-preview').html(rs)
            })
            .fail(function(jqXHR, textStatus) {
              // Not 200:
              alert('Error: ' + jqXHR.responseJSON.message)
            })
        })
      })
    </script>
  </body>
</html>
